<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>鲁班商城登录后结算填写地址</title>
    <!--公共css样式-->
    <link rel="stylesheet" type="text/css" href="../css/public.css" />
    <!--重置样式-->
    <link rel="stylesheet" type="text/css" href="../css/reset.css" />
    <!-- 地址 -->
    <link rel="stylesheet" href="../css/address.css">
    <link rel="shortcut icon" href="../image/public/favicon.ico" type="image/x-icon">
</head>

<body>
    <div id="wrapper">
        <a name="top"></a>
        <!--首页头部 start-->
        <header id="header_index">
            <!--顶部 s-->
            <div class="top clearfix">
                <p class="fl inblock">
                    <a href="../html/login_signUp.html">注册&登陆</a>&nbsp;&nbsp;
                    <!-- <a href="../html/login_settl.html">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp; -->
                    <!-- <a href="../html/login_vip.html">VIP登录</a> -->
                </p>
                <p class="fr inblock icon">
                    <!-- <a href="../html/shop_class.html">商家注入</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; -->
                    <a href="../html/order_info.html">我的订单</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
                    <a class="icon_1" href="../html/shop_cart.html"><img src="../image/public/cart.png" /><span>(0)</span></a>
                </p>
            </div>
            <!--顶部 e-->
            <!--导航-->
            <nav class="nav clearfix">
                <!--logo-->
                <div class="clearfix">
                    <div class="logo fl">
                        <a href="../index.html"><img src="../image/public/logo.png" title="" /></a>
                    </div>
                    <!--搜索框-->
                    <div class="searchBar fl">
                        <input type="text" placeholder="search" />
                        <input type="image" src="../image/public/search.png" onclick="window.open('./search.html')" />
                    </div>
                </div>
                <p class="search_histry">
                    <a href="">地板</a>&nbsp;|
                    <a href="">地板</a>&nbsp;|
                    <a href="">地板</a>&nbsp;|
                    <a href="">地板</a>&nbsp;|
                    <!-- old code -->
                    <!-- <a href="">地板</a>&nbsp;|
                    <a href="">地板</a> -->
                </p>
                <!--导航 s-->
                <ul class="fl clearfix">
                    <li class="fl navigation_hover">
                        <a href="./new_mugong.html">木工</a>
                    </li>

                    <li class="fl">
                        <a href="./new_mugong.html">水泥工</a>
                    </li>
                    <li class="fl">
                        <a href="./new_mugong.html">油漆工</a>
                    </li>
                    <li class="fl">
                        <a href="./new_mugong.html">水电工</a>
                    </li>
                </ul>
            </nav>
            <!--导航  e-->
        </header>
        <!--首页头部 end-->

        <!-- 左边购物车 s -->
        <div class="box_left fl">
            <h2>我的购物车</h2>
            <p class="vip"><span>VIP平时享受正价九折优惠</span></p>
            <div class="username">
                <span style="margin-bottom:8px;">会员账号</span>
                <span>张三@某某</span>
            </div>
            <div class="five clearfix">
                <div class="first fl">1.配送地址</div>
                <div class="tow fl">2.支付方式</div>
                <div class="third fl">3.订单确认</div>
            </div>
            <div class="address_management">
                <span class="add_managen">地址管理</span>
                <div class="address_box">
                    <div class="address_info">
                        <input type="radio" name="name" checked>
                        <span style="margin-left:10px;">姓名张三</span>
                        <span style="margin-left:50px;">广东省深圳市罗湖区东盛路</span>
                        <span style="margin-left:122px;">13510154892</span>
                        <span style="margin-left:100px;">
							<a href="">修改</a>
						</span>
                    </div>
                    <div class="address_info" style="margin-top:22px;">
                        <input type="radio" name="name">
                        <span style="margin-left:10px;">姓名张三</span>
                        <span style="margin-left:50px;">广东省深圳市罗湖区东盛路</span>
                        <span style="margin-left:122px;">13510154892</span>
                        <span style="margin-left:100px;">
							<a href="">修改</a>
						</span>
                    </div>
                </div>
            </div>
            <div class="new_address">
                <span>+ 添加新地址</span>
            </div>
            <div class="Special">
                <p>特殊说明</p>
                <input type="text" placeholder="如有特殊配送要求，请在这里留言。">
            </div>
            <div class="shop_price">
                <p style="padding-bottom:10px;">
                    <span class="wid">商品金额</span>
                    <span class="wid_2">¥750.00</span>
                </p>
                <p>
                    <span class="wid">优惠</span>
                    <span class="wid_2">-¥.00</span>
                </p>
                <p>
                    <span class="wid">运费</span>
                    <span class="wid_2">¥0.00</span>
                    <span class="wid_3" style="color:#bebebe;">送货方式</span>
                </p>
                <p>
                    <span class="wid">订单总额</span>
                    <span class="wid_2">¥750.00</span>
                    <span class="wid_3">商城快递</span>
                    <span>¥0.00</span>
                    <span style="color:#bebebe;">（预计2-3天发货）</span>
                </p>
            </div>
            <div class="next_btn">
                <input type="button" value="下一步">
            </div>
            <div class="recommend">
                <h2>推荐商品</h2>
                <h3>查看下面的推荐商品</h3>
                <div class="clearfix banner">
                    <span class="prev"><a href=""><img src="../image/address/prev.png" alt=""></a></span>
                    <ul class="fl">
                        <li class="fl"><img src="../image/address/banner_img.png" alt="">
                            <p style="padding-top:10px;">产品名称</p>
                            <p>产品名称</p>
                            <p>产品名称</p>
                        </li>
                        <li class="fl"><img src="../image/address/banner_img.png" alt="">
                            <p style="padding-top:10px;">产品名称</p>
                            <p>产品名称</p>
                            <p>产品名称</p>
                        </li>
                        <li class="fl"><img src="../image/address/banner_img.png" alt="">
                            <p style="padding-top:10px;">产品名称</p>
                            <p>产品名称</p>
                            <p>产品名称</p>
                        </li>
                        <li class="fl"><img src="../image/address/banner_img.png" alt="">
                            <p style="padding-top:10px;">产品名称</p>
                            <p>产品名称</p>
                            <p>产品名称</p>
                        </li>
                    </ul>
                    <span class="next"><a href=""><img src="../image/address/next.png" alt=""></a></span>
                </div>
            </div>
        </div>
        <!-- 左边购物车 e-->

        <!-- 右边购物车 s -->
        <div class="box_right fl">
            <!--右边第一步，我的购物车-->
            <div class="A clearfix">
                我的购物车
                <div class="a fr">修改</div>
            </div>
            <!--第二步，商品描述-->
            <div class="B clearfix">
                <div class="pic fl">
                    <img src="../image/login-settl/鲁班商城未登录结算_03.jpg" />
                </div>
                <div class="detail fl">
                    商品品牌名称
                    <div class="row_t"><span>颜色：</span>白色</div>
                    <div class="row"><span>规格：</span>规格x规格</div>
                    <div class="row"><span>货号：NH5478525666</span></div>
                    <div class="row">数量：1</div>
                    <div class="row clearfix">价格：￥150.00
                        <div class="row_r fr">
                            价格：￥150.00
                        </div>
                    </div>
                </div>
            </div>
            <div class="B clearfix">
                <div class="pic fl">
                    <img src="../image/login-settl/鲁班商城未登录结算_03.jpg" />
                </div>
                <div class="detail fl">
                    商品品牌名称
                    <div class="row_t"><span>颜色：</span>白色</div>
                    <div class="row"><span>规格：</span>规格x规格</div>
                    <div class="row"><span>货号：NH5478525666</span></div>
                    <div class="row">数量：5</div>
                    <div class="row clearfix">价格：￥150.00
                        <div class="row_r fr">
                            价格：￥750.00
                        </div>
                    </div>
                </div>
            </div>
            <!--第三步，结算-->
            <div class="C">
                <div class="row_b clearfix">商品金额
                    <div class="fr">
                        ￥900.00
                    </div>
                </div>
                <div class="row_b clearfix">优惠
                    <div class="fr">
                        <span>-￥0.00</span>
                    </div>
                </div>
                <div class="row_b clearfix">运费
                    <div class="fr">
                        ￥0.00
                    </div>
                </div>
                <div class="row_c"></div>
                <div class="row_d clearfix">订单总额
                    <div class=" fr">
                        ￥900.00
                    </div>
                </div>
            </div>

        </div>

        <!-- 右边购物车 e-->
        <!--底部 s-->

        <footer class="footer">
            <div class="preferential clearfix">
                <ul>
                    <li>
                        <div>
                            <img src="../image/public/you.png" />
                        </div>
                        <div>
                            <p>品质保障</p>
                            <p>品质保证 购物无忧</p>

                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="../image/public/spacial.png" />
                        </div>
                        <div class="box_first">
                            <p>特色服务</p>
                            <p>针对户型 私人定制</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="../image/public/save.png" />
                        </div>
                        <div>
                            <p>全网最低</p>
                            <p>厂家直销 低价承诺</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="../image/public/help.png" />
                        </div>
                        <div>
                            <p>帮助中心</p>
                            <p>您的购物指南</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="info clearfix">
                <dl>
                    <dt>新手指南</dt>
                    <dd>新手指南</dd>
                    <dd>购物流程</dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd>支付宝</dd>
                    <dd>微信支付</dd>
                </dl>
                <dl>
                    <dt>物流配送</dt>
                    <dd>配送方式</dd>
                    <dd>服务流程</dd>
                </dl>
                <dl>
                    <dt>客服中心</dt>
                    <dd>在线客服</dd>
                    <dd>常见问题</dd>
                </dl>
                <div class="code fl">
                    <h2>扫一扫，关注鲁班兄弟</h2>
                    <span>
							<img src="../image/public/qr_code.png"/>
						</span>
                </div>
            </div>
            <p class="fot_bt">
                <span>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</span>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="">关于我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="">联系我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="">法律声明</a>
            </p>
        </footer>
    </div>

    <!--底部 e-->
</body>

</html>